<!DOCTYPE html>
<html>
    <!-- Cabecera del html -->
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link rel="icon" type="image/png" href="img/jartibles_logo.png" />
        <title> Login - JCC </title>
        <!-- CSS -->
        <link href="css/global.css" rel="stylesheet" type="text/css" />
        <!-- JS -->
        <script type="text/javascript" src="js/libreria_jquery.js"></script>
        <script type="text/javascript" src="js/global.js"></script>
        <script type='text/javascript' src='js/login.js'></script>
    </head>

    <!-- Cuerpo del html -->
    <body>
        <div id="wrap">
            <div id="header">

            </div>
            <div id="main" class="clearfix">
                <div id="nav">

                </div>
                <div id="content">
                    <div id="contenedor_login">						
                        <form name="formulario" action="modules/login/validar_login.php" method="POST">
                            <center>
                                <table id="identificarse">
                                    <tr>
                                        <td>Nick:</td> 
                                        <td><input id="user" type="text" name="usuario" size="10" maxlength="10" required></td>
                                    </tr>
                                    <tr>
                                        <td>Contraseña:</td> 
                                        <td><input id="pass" type="password" name="password" size="10" maxlength="10" required></td>
                                    </tr>
                                    <tr>
                                        <td><input type="submit" value="Identificarse" onclick="cargarUsusario();"></td> 
                                        <td><input type="reset" value="Limpiar datos"></td>
                                    </tr>
                                </table>
                            </center>
                        </form>						
                    </div>
                    <div id="msg_error">
                        <?php
                        $usuario;
                        if (isset($_GET['usu'])) {
                            $usuario = $_GET['usu'];
                        } else {
                            echo "<p style='color: blue'>Introduzca usuario y contraseña.</p>";
                        }
                        if (isset($_GET['pass'])) {
                            echo "<p style='color: red'>Error, la contraseña es erronea. Vuelva a introducirla.</p>";
                            echo "<script type='text/javascript'>
										document.formulario.usuario.value = '$usuario' ;
										$(document).ready(function(){ 
										$('#pass').focus(); 
									})
									  </script>";
                        }
                        if (isset($_GET['reg'])) {
                            echo "<script type='text/javascript'>
										document.formulario.usuario.value = '$usuario' ;
										$(document).ready(function(){ 
										$('#pass').focus(); 
									})
									  </script>";
                        }
                        if (isset($_GET['log'])) {
                            echo "<p style='color: red'>No consta como socio, contacte con el Secretario para proceder a su alta.</p>";                            
                        }
                        ?>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">

        </div>
    </body>
</html>